<template>
  <div class="page">
    <!-- 顶部栏 -->
    <van-nav-bar :border="false">
      <template #left>
        <div class="fz-16 fw-bold">{{ $t('股权详情') }}</div>
      </template>
    </van-nav-bar>

    <div class="container rel pt-0">
      <div class="box box-bg-1 pt-20 pb-20 mb-30">
        <div class="flex flex-wrap rel lh-2">
          <div style="width: 50%">
            <span>{{ $t('股权额USDT') }}：</span>
            <span>100</span>
          </div>
          <div style="width: 50%">
            <span>{{ $t('剩余退场USDT') }}：</span>
            <span>100</span>
          </div>
          <div style="width: 100%">
            <span>{{ $t('年化率') }}：</span>
            <span>30%</span>
          </div>
          <div style="width: 50%">
            <span>{{ $t('奖励收益') }}：</span>
            <span>100</span>
          </div>
          <div style="width: 50%">
            <span>{{ $t('直推总收益') }}：</span>
            <span>100</span>
          </div>
          <div style="width: 100%">
            <span>{{ $t('间推总收益') }}：</span>
            <span>100</span>
          </div>
          <div style="width: 100%">
            <span>{{ $t('股权入场时间') }}：</span>
            <span>2023.1.1</span>
          </div>
        </div>
      </div>

      <div>
        <div class="flex flex-center mb-15">
          <div class="bg-box" style="padding: 5px 20px">
            {{ $t('股权订单') }}
          </div>
        </div>

        <ul class="flex flex-wrap flex-rb lh-2">
          <li
            class="bg-box mb-15"
            style="width: calc(50% - 7.5px)"
            v-for="(v, i) in 5"
            :key="i"
          >
            <div>
              <span class="cl-basic">{{ $t('金额') }}：</span>
              <span>100 U</span>
            </div>
            <div>
              <span class="cl-basic">{{ $t('状态') }}：</span>
              <span>入场</span>
            </div>
            <div>
              <span class="cl-basic">{{ $t('时间') }}：</span>
              <span>2023.1.1</span>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue'
</script>

<style lang="scss" scoped>

</style>
